<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>卓越--拍卖信息</title>
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
		<link href="JsCss/common.css" rel="stylesheet" media="screen" type="text/css" />
		<script type="text/javascript" src="JsCss/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="JsCss/vue.min.js"></script>
		<script type="text/javascript" src="JsCss/axios.min.js" charset="utf-8"></script>
		<script type="text/javascript" src="JsCss/daojishi.js"></script>
		<script src="JsCss/index.js"></script>

	</head>

	<body>
		<div class="header">
			<ul class="top-link">
				<li class="title"><a href="#"
						onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('huiyuaninsert.html');"
						title='设置本站为浏览器首页(启始页)'>设为首页</a></li>
				<li class="pi"></li>
				<li class="title"><a target=_top href="register.html">注册</a></li>
				<li class="pi"></li>
				<li class="title"><a href="login.html">登录</a></li>
			</ul>

			<div class="logo"><a href="index.html"><img src="images/logo.png" width="250" height="82" /></a></div>
			<div class="menu">
				<ul>
					<li><a href="about.html">关于我们</a><span>about us</span></li>
					<li class="active"><a href="auctioning.html">拍卖信息</a><span>Auction information</span></li>
					<li><a href="auctioninsert.html">商品展示</a><span>Product showcase</span></li>
					<li><a href="showData.html">个人信息</a><span>Personal information</span></li>
					<li><a href="chargeMoney.html">资金管理</a><span>Money management</span></li>

				</ul>
			</div>
		</div>

		<div class="clr50"></div>
		<div class="zy_banner_bg">
			<div class="zy_banner"></div>
		</div>



		<div class="zy_main" id="content">
			<div class="Left_subMenu">
				<div class="top_bg"></div>
				<div class="c_bg">
					<div class="title">拍卖信息</div>
					<ul>
						<li v-on:click="showinfo(0)" :class="{'activer':num==0}"><a href="auctioning.html">正在竞拍</a></li>
						<li v-on:click="showinfo(1)" :class="{'activer':num==1}"><a href="showAuction.html">拍卖信息查询</a></li>
						<li v-on:click="showinfo(2)" :class="{'activer':num==2}"><a href="auctioninsert.html">发布拍品</a></li>
						<li v-on:click="showinfo(3)" :class="{'activer':num==3}"><a href="myOrder.html">我的订单</a></li>
					</ul>
				</div>
				<div class="bottom_bg"></div>

				<div class="ph">
					<img src="images/ph.png" width="169" height="67" />
				</div>
			</div>

			<div class="zy_right">
				<div class="position">当前位置：<a href="#">拍卖信息</a> > <a href="#">正在竞拍</a></div>
				<div class="zy_title">
					<p>取货信息<span>TakeDelivery </span></p>
				</div>


				<div id="">
					宝物预览<img width="50" height="50" :src="'http://localhost:8099'+auction.gpic" ><br><br>
					交易订单号:{{dealrecord.cjid}}<br><br>
					宝物序号:{{dealrecord.aid}}<br><br>
					宝物名称:{{dealrecord.gname}}<br><br>
					付款金额:{{dealrecord.cjmoney}}<br><br>
					付款时间:{{dealrecord.cjtime}}<br><br>
					您的ID:{{dealrecord.hid}}<br><br>
					您的昵称:{{dealrecord.hname}}<br><br>
					请您在三天内到辽宁省沈阳市华清远见713取货！<br><br>
				</div>


				
			</div>

		</div>


		<div id="footer-top">
			<div class="footer-text">
				© 小佟拍卖行
			</div>
		</div>


		<script>
			var vm = new Vue({
				el: '#content',
				data: {
					num: 3,
					auction:{},
					dealrecord:{},
					cjid:'',
				},
				created: function() {
					var str = location.search;
					this.cjid = str.substring(1);
					axios.get("dealrecord/takeDelivery?cjid="+this.cjid)
						.then(resp=>{
							this.auction = resp.data.auction;
							this.dealrecord = resp.data.dealrecord;
						})
				},
				methods: {
				
				}
			});

			$(function() {
				
			})
		</script>
	</body>
</html>
